@charset "utf-8";
/*basic*/
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype")}
img,
object {
    max-width: 100%;
}
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
li,
ol,
ul {
    list-style: none;
}
strong {
    font-weight: 700;
    font-size: 0.875rem;
    color: #474747;
}
p {
    margin: 0;
    padding: 0 0 1.325rem;
}
a:hover {
    text-decoration: none;
}
.indent {
    padding-left: 3.1rem;
}
body {
    font: 1rem/1.5 Arial, Helvetica, sans-serif, "Microsoft Yahei", "微软雅黑";
    color: #333;
    font-weight: 400;
    background: url('../images/bg.png') left repeat-y #f0f4f7;
    width:100%;
}
.bgs{
    background: #fff;
}
hr {
    border-top: 1px #dedede dashed;
}
h2,
.hometitle {
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.875rem;
    color: #000;
    margin: 0 0 0.875rem 0;
    font-family: Arial, Helvetica, sans-serif;
}
h3 {
    font-size: 0.9375rem;
    color: #999;
    padding: 0;
    margin: -0.75rem 0 1rem 0;
}
.clearfix:after,.content:after,.t_body:after{
    content:'';
    display: block;
    height:0;
    clear:both;
    font-size: 0;
    visibility:hidden;
}
.add_show_div.hidden,.addCharacter.hidden,.loginOutBox.hidden,.consulting.hidden,.addContact.hidden,.visitBox.hidden,.addVisit.hidden,.cusTracking.hidden,.offerBox.hidden,.itemaddBox.hidden,.customerName.hidden,.visitboxDouble.hidden,.orderBox.hidden,.addProject.hidden,.addContract.hidden,.addInvoice.hidden,.addBilling.hidden,.addCollection.hidden,.offerboxwin.hidden,.downLoadBox.hidden{
    display: none;
}


/*左边样式*/
.contain{
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: flex;
}
.sidebar{
    max-width: 230px;
    min-width: 230px;
    z-index: 10;
    background: #004973;
}
.logo{
    width: 132px;
    height: 28px;
    float: left;
    margin: 15px 30px;
}
.rg_btn{
    width: 16px;
    height: 14px;
    float: right;
    margin: 18px 20px 0 0;
}
nav{
    width: 100%;
    height: auto;
    float: left;
    background: url("../images/linbg.jpg") top repeat-x;
    padding-top: 15px;
}
nav ul,nav ul li{
    width: 100%;
    float: left;
}
nav ul>li>span,nav ul>li>a{
    color: #c6cedc;
    font-size: 15px;
    line-height: 20px;
    display: block;
    padding: 14px 18px 14px 65px;
    position: relative;
    text-decoration: none;
}
nav ul>li>span:before,nav ul>li>a:before{
    position: absolute;
    content: '';
    left: 30px;
    top: 15px;
    width: 24px;
    height: 24px;
    background: url("../images/icon01.png") top no-repeat;
}
nav ul>li>span:after,nav ul>li>a:after{
    position: absolute;
    content:"\f105";
    font-size: 18px;
    font-family: fontawesome;
    right: 18px;
    top: 13px;
    color: #9bb4ca;
}
nav ul>li:nth-child(2)>span:before,nav ul>li:nth-child(2)>a:before{
    background: url("../images/icon02.png") top no-repeat;
    top: 17px;
}
nav ul>li:nth-child(3)>span:before,nav ul>li:nth-child(3)>a:before{
    background: url("../images/icon04.png") top no-repeat;
}
nav ul>li:nth-child(4)>span:before,nav ul>li:nth-child(4)>a:before{
    background: url("../images/icon05.png") top no-repeat;
}
nav ul>li:nth-child(5)>span:before,nav ul>li:nth-child(5)>a:before{
    background: url("../images/icon06.png") top no-repeat;
}
nav ul>li:nth-child(6)>span:before,nav ul>li:nth-child(6)>a:before{
    background: url("../images/icon07.png") top no-repeat;
}
nav ul>li:nth-child(7)>span:before,nav ul>li:nth-child(7)>a:before{
    background: url("../images/icon08.png") top no-repeat;
}
nav ul>li:nth-child(8)>span:before,nav ul>li:nth-child(8)>a:before{
    background: url("../images/icon09.png") top no-repeat;
}
nav ul>li:nth-child(9)>span:before,nav ul>li:nth-child(9)>a:before{
    background: url("../images/icon10.png") top no-repeat;
}
nav ul>li:nth-child(10)>span:before,nav ul>li:nth-child(10)>a:before{
    background: url("../images/icon03.png") top no-repeat;
}
nav ul>li:hover{
     cursor: pointer;
 }
nav ul>li:hover>span:before,nav ul>li.active>span:before,nav ul>li:hover>a:before,nav ul>li.active>a:before{
    background: url("../images/icon01_h.png") top no-repeat;
}
nav ul>li:nth-child(2):hover>span:before,nav ul>li:nth-child(2).active>span:before,nav ul>li:nth-child(2):hover>a:before,nav ul>li:nth-child(2).active>a:before{
    background: url("../images/icon02_h.png") top no-repeat;
}
nav ul>li:nth-child(3):hover>span:before,nav ul>li:nth-child(3).active>span:before,nav ul>li:nth-child(3):hover>a:before,nav ul>li:nth-child(3).active>a:before{
    background: url("../images/icon04_h.png") top no-repeat;
}
nav ul>li:nth-child(4):hover>span:before,nav ul>li:nth-child(4).active>span:before,nav ul>li:nth-child(4):hover>a:before,nav ul>li:nth-child(4).active>a:before{
    background: url("../images/icon05_h.png") top no-repeat;
}
nav ul>li:nth-child(5):hover>span:before,nav ul>li:nth-child(5).active>span:before,nav ul>li:nth-child(5):hover>a:before,nav ul>li:nth-child(5).active>a:before{
    background: url("../images/icon06_h.png") top no-repeat;
}
nav ul>li:nth-child(6):hover>span:before,nav ul>li:nth-child(6).active>span:before,nav ul>li:nth-child(6):hover>a:before,nav ul>li:nth-child(6).active>a:before{
    background: url("../images/icon07_h.png") top no-repeat;
}
nav ul>li:nth-child(7):hover>span:before,nav ul>li:nth-child(7).active>span:before,nav ul>li:nth-child(7):hover>a:before,nav ul>li:nth-child(7).active>a:before{
    background: url("../images/icon08_h.png") top no-repeat;
}
nav ul>li:nth-child(8):hover>span:before,nav ul>li:nth-child(8).active>span:before,nav ul>li:nth-child(8):hover>a:before,nav ul>li:nth-child(8).active>a:before{
    background: url("../images/icon09_h.png") top no-repeat;
}
nav ul>li:nth-child(9):hover>span:before,nav ul>li:nth-child(9).active>span:before,nav ul>li:nth-child(9):hover>a:before,nav ul>li:nth-child(9).active>a:before{
    background: url("../images/icon10_h.png") top no-repeat;
}
nav ul>li:nth-child(10):hover>span:before,nav ul>li:nth-child(10).active>span:before,nav ul>li:nth-child(10):hover>a:before,nav ul>li:nth-child(10).active>a:before{
    background: url("../images/icon03_h.png") top no-repeat;
}

nav ul>li.active>span:after,nav ul>li.active>a:after{
    content:"\f107";
    color: #fff;
}
nav ul>li:hover>span,nav ul>li.active>span,nav ul>li:hover>a,nav ul>li.active>a{
    color: #fff;
    text-decoration: none;
    background: #116897;
}
nav ul .coll_body{
    background: #014e78;
    display: none;
}
nav ul .coll_body,nav ul .coll_body>li{
    width: 100%;
    float: left;
}
nav ul .coll_body1{
    display: none;
}
nav ul .coll_body>li>span,nav ul .coll_body>li>a{
    display: block;
    color: #b2bac5;
    padding: 10px 20px 10px 65px;
    font-size: 14px;
    text-decoration: none;
}
nav ul .coll_body>li.active>span,nav ul .coll_body>li:hover>span,nav ul .coll_body>li.active>a,nav ul .coll_body>li:hover>a{
    color: #fff;
    text-decoration: none;
    background: #047794;
}

/*右边主题部分*/
section{
    background: #f0f4f7;
    flex: 1;
    min-width: 500px;
}
/*右边头部导航*/
.right_h{
    width: 100%;
    box-shadow:0 2px 5px #e4e5e7;
    overflow: hidden;
}
.right_h ul{
    width: auto;
    float: right;
    padding: 15px 0 17px 0;
    text-align: right;
    margin-bottom: 0;
}
.right_h ul li{
    display: inline-block;
    text-align: right;
    margin: 0 25px 0 10px;
    float: left;
}
.right_h ul li a{
    display: block;
    color: #adb6bd;
    line-height: 20px;
    text-decoration: underline;
}
.right_h ul li a:hover{
    color: #000;
    text-decoration: none;
}
/*退出对话框*/
.logoutBox{
    width: 280px;
    height: 240px;
    position: fixed;
    right: 18px;
    top: 54px;
    background: #fff;
    box-shadow: 0 2px 4px #dedede;
    z-index:10;
    display: none;
}
.photo{
    width: 100%;
    height: 190px;
    background: #004972;
    overflow: hidden;
}
.photopic{
    width: 86px;
    height: 86px;
    margin: 20px auto 15px auto;
    text-align: center;
    border-radius: 50%;
    border: 3px #0485a5 solid;
}
.logoutusername,.logouttime{
    text-align: center;
    color: #e5e5e5;
    font-size: 16px;
}
.logouttime{
    font-size: 12px;
}
.logoutBox .logoutBtn,.logoutBox .logoutBtnPassword{
    position: absolute;
    right: 10px;
    bottom: 12px;
    color: #fff;
    background: #f75453;
    text-align: center;
    padding: 5px 8px 5px 25px;
    border-radius: 5px;
    outline: none;
    border: none;
    font-size: 15px;
    cursor: pointer;
}
.logoutBox .logoutBtnPassword{
    background: #474747;
    right: 0;
    left: 10px;
}
.logoutBox .logoutBtn:before,.logoutBox .logoutBtnPassword:before{
    position: absolute;
    content: "\f08b";
    color: #fff;
    font-size: 15px;
    left: 8px;
    top: 6px;
    font-family: fontawesome;
}
.logoutBox .logoutBtnPassword:before{
    content: "\f007";
}
.logoutBox .logoutBtn:hover{
    background: #e80705;
}
.logoutBox .logoutBtnPassword:hover{
    background: #000;
}

/*显示右侧已经打开的标签页*/
.qulicklink{
    width: 100%;
    height: 45px;
    border-top: 1px #e3e6e7 solid;
    border-bottom: 1px #e2e7eb solid;
    background: #f7fbfc;
    clear: both;
}
.qulicklink ul{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0;
    position: relative;
}
.qulicklink ul li{
    display: inline-block;
    border-right: 1px #e2e7eb solid;
}
.qulicklink ul li a{
    display: block;
    color: #8090a0;
    line-height: 43px;
    padding: 0 16px;
    background: #fff;
}
.qulicklink ul li.dq a,.qulicklink ul li:hover a{
    background: #e3eef2;
    color: #50647c;
    text-decoration: none;
}
.qulicklink ul li img{
    width: 8px;
    height: 8px;
    margin: 0 0 0 15px;
    vertical-align: center;
}
.qulicklink ul li:first-child{
    border-right: none;
}
.qulicklink ul li:first-child a{
    width: 55px;
    line-height: 43px;
    text-align: center;
    color: #adaeb0;
    font-size: 18px;
    position: relative;
}
.qulicklink ul li:first-child a:before{
    position: absolute;
    content: "\f100";
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    font-family: fontawesome;
}
.qulicklink ul li:last-child{
    width: 60px;
    height: 43px;
    position: absolute;
    right: 0;
    top: 0;
    background: #e3eef2;
}
.qulicklink ul li:last-child a{
    line-height: 43px;
    text-align: center;
    color: #adaeb0;
    font-size: 18px;
    position: relative;
    display: block;
}
.qulicklink ul li:last-child a:before{
    position: absolute;
    content: "\f101";
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    font-family: fontawesome;
}
.eChart{
    width: 98%;
    height: 780px;
    margin: 0 auto;
    background: #fff;
    margin-top: 30px;
}
/*面包屑导航*/
.breadcrumbs{
    width: 100%;
    height: auto;
    float: left;
    padding: 20px 0 20px 20px;
    color: #778391;
}
.breadcrumbs ul li{
    display: inline-block;
    margin-right: 24px;
    position: relative;
}
.breadcrumbs ul li:after{
    position: absolute;
    content: "";
    font-size: 16px;
    right: -18px;
    top: 11px;
    width: 7px;
    height: 1px;
    background: #778391;
}
.breadcrumbs ul li:last-child:after{
    display: none;
}
.breadcrumbs ul li a{
    color: #4f637c;
}
.breadcrumbs ul li a:hover{
    color: #116897;
    text-decoration: underline;
}
/*右边主题部分*/
.content{
    width: 97%;
    height: auto;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    box-shadow: 0 1px 3px #dedede;
}
/*按钮*/
.addbtn,.deletebtn,.editorbtn,.importbtn,.adSearchbtn{
    width: auto;
    display: inline-block;
    background: #31c37a;
    color: #fff;
    padding: 0.25rem 0.875rem 0.25rem 1.5rem;
    border-radius: 3px;
    font-size: 14px;
    position: relative;
    margin-right: 10px;
    float: left;
}
.deletebtn{
    background: #f86a68;
}
.editorbtn{
    background: #f2a553;
}
.importbtn{
    background: #40d4e2;
}
.adSearchbtn{
    background: #51a4f4;
}
.addbtn:before,.deletebtn:before,.editorbtn:before,.importbtn:before,.adSearchbtn:before{
    position: absolute;
    content: "\f067";
    left: 8px;
    top: 7px;
    color: #fff;
    font-size: 0.875rem;
    font-family: fontawesome;
}
.deletebtn:before{
    content: "\f014";
}
.editorbtn:before{
    content: "\f044";
    top: 0.4rem;
}
.importbtn:before{
    content: "\f019";
}
.adSearchbtn:before{
    content: "\f002";
}
.addbtn:hover{
    background: #0f9451;
    box-shadow: 0 1px 3px #ddd;
}
.deletebtn:hover{
    background: #d70805;
}
.editorbtn:hover{
    background: #f07d03;
}
.importbtn:hover{
    background: #01a7b7;
}
.adSearchbtn:hover{
    background: #0461bb;
}
.addbtn a,.addbtn span,.deletebtn a,.editorbtn a,.importbtn a,.adSearchbtn a{
    color: #fff !important;
}
/*部门职位页面搜索*/
.search{
    width: 100%;
    height: auto;
    float: left;
    padding: 30px 0 0 0;
}
.search label{
    width: 65%;
    float: left;
    position: relative;
}
.search label span{
    width: auto;
    float: left;
    color: #52647c;
    font-size: 15px;
    line-height: 28px;
    font-weight: bold;
}
.searchbox{
    float: left;
    width: 300px;
    border: 1px #0585a2 solid;
    border-radius: 3px;
    outline: none;
    margin-left: 0.5rem;
}
.searchbox input {
    padding: 0.25rem 1rem 0.25rem 0.75rem;
    line-height: 20px;
    outline: none;
    border: none;
    width: 100%;
}
input,select{
    color: #666 !important;
}
::-webkit-input-placeholder{
    color: #dedede;
}

::-moz-placeholder{
    /* Mozilla Firefox 19+ */
    color: #dedede;
}

:-moz-placeholder{
    /* Mozilla Firefox 4 to 18 */
    color: #dedede;
}

::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #dedede;
}
.btns{
    width: 35%;
    float: right;
    display: flex;
    justify-content: flex-end;
}
.btns .searchbtn{
   margin-right: 12px;
    background: #66b2fd;
}
.btns .searchbtn:before{
    content: "\f002";
}
.btns .setbtn{
    background: #f2a553;
}
.btns .setbtn:before{
    content: "\f021";
}
/*table表格*/
.t_body{
    width: 97%;
    height: auto;
    margin: 0 auto;
    padding-top: 20px;
    position: relative;
}
.t_body1{
    padding-top: 0;
}
.table,.paratable{
    width: 100%;
    border: 1px #e1eaf1 solid;
    border-collapse: collapse;
    margin-bottom: 0 !important;
}
.table th,.table td,.paratable th,.paratable td{
    color: #516379;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background: #f7fbfc;
    border-right: 1px #e5eaee solid;
    border-bottom: 1px #e5eaee solid;
    padding: 15px 10px;
    white-space: nowrap;
}
.t_body1 th:nth-child(1){
    min-width: 80px;
}
.table td,.paratable td{
    color: #51637b;
    font-weight: normal;
    position: relative;
    box-sizing: border-box;
}
.t_body1 tr td:nth-child(2){
    padding-left: 25px;
    min-width: 240px;
}
.table tr:nth-child(2n+1) td,.paratable tr:nth-child(2n+1) td{
    background: #fff;
}
.table th:last-child,.paratable th:last-child{
    border-right: none;
}
.t_body1 tr .childs{
    text-align: left;
    padding-left: 50px !important;
}
.t_body1 tr td input{
    margin-right: 2px !important;
}

/*部门权限菜单*/
.table td .editorlist,.editor,.deletes,.view,.returnvisit,.download{
    width: 20px;
    height: 20px;
    margin: 0 2px;
    position: relative;
    text-align: center;
    display: inline-block;
}
.table td img{
    width: 100%;
}
.editor span,.deletes span,.view span,.returnvisit span,.editorlist span,.download span{
    position: absolute;
    left: -10px;
    right: 0;
    margin: 0 auto;
    bottom: 24px;
    content: '';
    color: #fff;
    background: #14284d;
    border-radius: 5px;
    width: 40px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    z-index: 10;
    display: none;
}
.table td .editorlist span{
    width: 80px;
    left: -31px;
}
.editor span:before,.deletes span:before,.view span:before,.returnvisit span:before,.editorlist span:before,.download span:before{
    position: absolute;
    content: '';
    width:7px;
    height:6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -6px;
    background: url("../images/topicon.png") no-repeat;
}
.editor:hover span,.deletes:hover span,.view:hover span,.returnvisit:hover span,.editorlist:hover span,.download:hover span{
    display: block;
}
.table td .editorname{
    display: inline-block;
    text-align: left;
    width: 100%;
}
.table td .editorname a{
    display: inline-block;
    width: 100%;
    height: auto;
    background: url("../images/plus.png") left no-repeat;
    padding-left: 25px;
    color: #4e627a;
}
.table tr:hover td .editorname a{
    text-decoration: none;
    color: #0584a7;
}
.table tr:hover td{
    background: #edf8fc;
}
/*表格里面的分类*/
.table td ul li{
    width: auto;
    display: inline-block;
    margin-right: 10px;
}
.table td input,.paratable td input{
    vertical-align: center;
}
.table tr.rowcol td{
    text-align: left;
    padding-left:20px;
}
.table tr.rowcol td:first-child,.table tr.rowcol td:nth-child(3n){
    width: 140px;
    text-align: right;
    padding:15px 35px;
    color: #4e647c;
}

/*tabBottom*/
.tabBottom{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 20px;
}
.tabBottom label{
    color: #50647c;
    font-size: 0.875rem;
}
/*确认按钮*/
.surebtn,.resetbtn{
    display: inline-block;
    width: auto;
    border-radius: 3px;
    color: #fff;
    border: 1px #000 solid;
    line-height: 28px;
    padding: 0 20px;
    outline: none;
    background: #047794;
    font-size: 0.875rem;
    margin-right: 10px;
    cursor: pointer;
}
.surebtn:hover,.resetbtn:hover{
    background: #fff;
    color: #047794;
    box-shadow: 0 1px 2px #047794;
}
.t_body1{
    width: 100%;
    padding: 20px 1.75% 20px 2.25%;
}

.t_body2{
    background: #fff;
    padding: 30px 20px 50px;
    width: 100%;
    box-sizing: border-box;
}
/*弹出框样式*/
.layui-layer-title{
    color: #fff !important;;
    height: 45px;
    line-height: 45px;
    background: #0485a5;
    font-size: 15px;
}
.layui-layer-setwin .layui-layer-min cite{
    background-color: #fff !important;
}
.layui-layer-min{
    display: none !important;
}
.layui-layer-page .layui-layer-content{
    box-sizing: content-box;
    overflow-y: scroll;
}

/*新增用户弹窗样式*/
.layui-layer-title {
    font-size: 18px !important;
}
.addCharacter,.loginOutBox,.consulting,.addContact,.visitBox,.addVisit,.cusTracking,.offerBox,.itemaddBox,.customerName,.addProject,.addContract,.addInvoice,.addCollection,.offerboxwin,.downLoadBox{
    width: 100%;
    padding: 20px 0;
}
.addCharacter .title,.loginOutBox .title,.consulting .title,.addContact .title{
    display: block;
    color: #0385a5;
    font-size: 14px;
    font-weight: bold;
}
.addCharacter .surebtn,.loginOutBox .surebtn,.consulting .surebtn,.addContact .surebtn,.addVisit .surebtn,.cusTracking .surebtn,.offerBox .surebtn,.itemaddBox .surebtn,.customerName .surebtn,.offerboxwin .surebtn{
    margin-top: 25px;
}
.addtitle{
    display: block;
    font-size: 16px;
    padding-bottom: 5px;
    color: #0584a5;
    font-weight: bold;
}
.addCharacter,.loginOutBox,.consulting,.addContact,.visitBox,.addVisit,.cusTracking,.offerBox,.itemaddBox,.customerName,.orderBox,.addProject,.addContract,.addInvoice,.addCollection,.offerboxwin,.downLoadBox{
    width: 95%;
    height: 92%;
    margin: 0 auto;
    box-sizing: content-box;
}
.layerbody{
    width: 100%;
    padding: 30px 0;
    overflow: hidden;
}
.visitBox .layerbody,.addVisit .layerbody{
    padding-top: 0;
}
.layerbody label{
    width: 100%;
    float: left;
    padding-bottom: 20px;
}
.consulting .surebtn,.loginOutBox .surebtn,.addContact .surebtn,.addVisit .surebtn,.cusTracking .surebtn,.offerBox .surebtn,.itemaddBox .surebtn,.customerName .surebtn,.addProject .surebtn,.addContract .surebtn,.addInvoice .surebtn,.addCollection .surebtn,.offerboxwin .surebtn{
    position: absolute;
    left: 20px;
    bottom: 15px;
}
.consulting .resetbtn,.addContact .resetbtn,.addVisit .resetbtn,.cusTracking .resetbtn,.offerBox .resetbtn,.itemaddBox .resetbtn,.customerName .resetbtn,.addProject .resetbtn,.addContract .resetbtn,.addInvoice .resetbtn,.addCollection .resetbtn,.offerboxwin .resetbtn{
    position: absolute;
    left: 100px;
    bottom: 15px;
}
.layerbody label span{
    width: 105px;
    display: inline-block;
    text-align: right;
    color: #4f657c;
    font-size: 15px;
    font-weight: bold;
    padding-right: 5px;
}
.layerbody input{
    border: 1px #e6e9ee solid;
    padding: 0.25rem 0.75rem 0.25rem;
    border-radius: 3px;
    line-height: 22px;
    min-width: 270px;
    outline: none;
}
.layerbody .radio{
    width: 14px;
    height: 14px;
    min-width: 14px;
    margin-left: 10px;
}
.layerbody .radio1{
    margin-left: 0;
}
.layerbody .usercontact label,.layerbody .bumenzhiwei label{
    width: 50%;
    float: left;
}
/*用户列表里的搜索列表*/
.characterSearch{
    width: 100%;
    float: left;
    padding: 30px 0 0 0;
}
.characterSearch label{
    width: 75%;
    float: left;
    color: #4e647b;
    font-size: 15px;
    font-weight: bold;
}
.characterSearch .btns{
    width: 25%;
}
.characterSearch span{
    display: inline-block;
    width: auto;
    margin: 0 15px 10px 0;
}
.layui-input-block{
    display: inline-block;
    margin-left:6px !important;
    min-height:auto !important;
}
.characterSearch input,.characterSearch select,.bumenzhiwei select,.addContact select,.cusTracking select,.offerBox select,.itemaddBox select,.visitboxDouble select,.addProject select,.addContract select,.addInvoice select,.addCollection select,.offerboxwin select{
    min-width: 270px;
    margin-left: 6px;
    border: 1px #0585a2 solid;
    padding: 0.25rem 1rem 0.25rem 0.75rem;
    line-height: 20px;
    outline: none;
    font-weight: normal;
    border-radius: 3px;
}
.bumenzhiwei select,.addContact select,.addVisit select,.cusTracking select,.offerBox select,.itemaddBox select,.visitboxDouble select,.addProject select,.addContract select,.addInvoice select,.addCollection select,.offerboxwin select{
    border:1px #e5eaee solid;
    padding: 0.25rem 1rem 0.25rem 0.75rem;
    height: 32px;
    line-height: 32px;
    margin-left: -6px;
}
.offerBox select{
    min-width: 290px;
}
.characterSearch select,.bumenzhiwei select,.addContact select,.addVisit select,.cusTracking select,.offerBox select,.itemaddBox select,.visitboxDouble select,.addProject select,.addContract select,.addInvoice select,.addCollection select,.offerboxwin select{
    color: #666;
    padding: 0.25rem 1rem 0.25rem 0.5rem;
}
option,.bumenzhiwei option,.addContact option{
    color: #666;
}

/*分页*/
.pageFen{
    width: 100%;
    float: left;
    padding: 35px 0;
    text-align: center;
    background: #fff;
}
.pageFen ul{
    width: 100%;
    float: left;
    height: auto;
}
.pageFen ul li{
    width: auto;
    display: inline-block;
    height: 36px;
    margin: 0 3px;
}
.pageFen ul li a{
    display: block;
    padding:0 10px;
    color: #8090a0;
    border: 1px #e5eaef solid;
    border-radius: 3px;
    padding: 0 15px;
    line-height: 36px;
}
.pageFen ul li a.curNum,.pageFen ul li a:hover{
    color: #fff;
    background: #0485a5;
}
/*参数配置页面*/
.parameter_body{
    overflow: hidden;
    width: 100%;
    padding: 0 25px 50px 25px;
    display: flex;
    flex-wrap: nowrap;
}
.parameterlist{
    background: #fff;
    margin-right: 20px;
    min-width: 240px;
    max-width: 240px;

}
.paratitle{
    width: 100%;
    background: #f7fbfc;
    color: #4e6378;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 20px;
    position: relative;
    border-bottom: 1px #e5eaee solid;
}
.paratitle:before{
    position: absolute;
    content: "\f100";
    color: #a8a9ab;
    font-size: 16px;
    font-family: fontawesome;
    right: 20px;
    top: 10px;
    font-weight: normal;
}
.parameterlist ul{
    width: 100%;
    padding: 15px 0 40px 0;
    float: left;
}
.parameterlist ul li{
    margin: 5px 0 5px 22px;
    padding: 7px 48px;
    background: #fff;
    border-radius: 15px;
    display: inline-block;
    position: relative;
    color: #666;
    cursor: pointer;
    float: left;
    width: 80%;
}
.parameterlist ul li:before{
    width: 16px;
    height: 16px;
    content: '';
    position: absolute;
    left: 20px;
    top: 8px;
    background: url("../images/sideicon.png") no-repeat;
}
.parameterlist ul li:hover,.parameterlist ul li.active{
    background: #edf8fc;
    color: #0486a6;
}
.parameterlist ul li:hover:before,.parameterlist ul li.active:before{
    background: url("../images/sideicondq.png") no-repeat;
}
.parameterright{
    flex: 1;
}
.p_title:before{
    display: none;
}
/*按钮组*/
.parameterbtn{
    width: 100%;
    background: #fff;
    padding: 30px 40px 40px;
    margin-bottom: 20px;
    overflow: hidden;
}
.parametertable{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 20px 0;
}
.paratable th:nth-child(1),.paratable td:nth-child(1){
    width: 95px;
}
.paratable th:nth-child(2),.paratable td:nth-child(2){
    width: 70px;
}
.paratable td:nth-child(3n){
    padding-left: 25px;
    text-align: left;
}
/*咨询线索页面的高级搜索*/
.searchBox{
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    padding: 30px 0 0;
    position: relative;
}
.searchKey{
    width: 80%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}
.searchBox .btns{
    position: absolute;
    right: 0;
    bottom: 15px;
}
.searchKey label{
    width: 33.33%;
    margin-bottom: 15px;
}
.searchKey span{
    width: 65px;
    display: inline-block;
    color: #4f647b;
    font-size: 14px;
    text-align: right;
    font-weight: bold;
}
.searchKey input{
    border: 1px #e6ebf0 solid;
    border-radius: 3px;
    outline: none;
    padding: 0.25rem 1rem 0.25rem 0.75rem;
    line-height:22px;
    width: 220px;
}
.searchKey .status{
    display: inline-block;
    width: 65px;
    padding-right: 10px;
    line-height: 32px;
}
.searchKey .status input{
    width: 14px !important;
    height: 14px !important;
    display: inline-block;
    vertical-align:middle;
    margin-right: 3px;
}
.layui-input{
    height: 32px !important;
}
.searchKey select {
    border: 1px #e6ebf0 solid;
    padding: 0.25rem 1rem 0.25rem 0.75rem;
    height: 30px;
    line-height: 30px;
    margin-left: -6px;
    width: 220px;
    color: #999;
}
.searchBox{
    display: none;
}
.searchKey .starttitme,.searchKey .endtitme{
   display: inline-block;
    width: 105px;
}
.searchKey .starttitme{
    margin-right: 7px;
    position: relative;
}
.searchKey .starttitme:before{
    position: absolute;
    content: '';
    top: 16px;
    right: -9px;
    width: 6px;
    height: 1px;
    background: #ccc;
}
.searchKey .starttitme input,.searchKey .endtitme input{
    width: 100%;
}
/*咨询线索的弹窗样式*/
.consulting label,.cusTracking label,.offerBox label,.itemaddBox label,.offerboxwin label{
    width: 50%;
    float: left;
}
.consulting span{
    display: inline-block;
    float: left;
    width: 80px !important;
}
.consulting select,.clientType select,.addVisit select{
    border: 1px #e6ebf0 solid;
    padding: 0.25rem 1rem 0.25rem 0.75rem;
    height: 32px;
    line-height: 32px;
    margin-left: -6px;
    width: 270px;
    border-radius: 3px;
    color: #999;
}
.clientType select{
    width: 220px;
}
.address,.address label,.address1{
    width: 100%;
}
.address1 label{
    width: 50%;
}
.address input,.address textarea{
  width: 700px;
}
.textbox textarea{
    width: 650px;
}
.credit .address textarea{
    width: 705px;
}
.consultingbox textarea{
    width: 675px !important;
}
.address textarea{
    border: 1px #e6ebf0 solid;
    border-radius: 3px;
    padding: 15px;
    vertical-align: top;
}
.consulting .layui-input{
    height: 32px;
}
.addVisit .addtitle{
    display: block;
    padding-bottom: 30px;
}


/*回访弹窗里的样式*/
.clientType{
    position: absolute;
    top: 20px;
    right: 20px;
}
.visitList{
    width: 100%;
    padding-top: 30px;
    overflow: hidden;
}
.visitList ul{
    width: 100%;
    height: auto;
    float: left;
}
.visitList ul li{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.visitList ul li ol{
    width: 20%;
    color: #4f647b;
    border-bottom:1px #e5eaef solid;
    text-align: center;
    padding: 12px 0;
    line-height: 22px;
}
.visitList ul li ol.useName{
    flex: 1;
}
.visitList ul li ol:last-child{
    width: 18%;
}
.visitList ul li ol:nth-child(1){
    width: 10%;
    text-align: left;
    padding-left: 10px;
}
.visitList ul li ol:nth-child(2){
    width: 7%;
}
.visitList ul li ol input{
    display: inline-block;
    vertical-align:middle;
    min-width:auto;
}

.visitboxDouble label{
    width: 50%;
}
.visitboxDouble .address label{
    width: 100%;
}
.visitboxDouble .surebtn{
    margin: 40px 10px 0 30px;
}

/*tab栏切换*/
.tabContent{
    width: 97%;
    background: #fff;
    margin:30px auto 0 auto;
    padding-bottom: 30px;
}
.layuiBtns{
    width: 100%;
    float: left;
    padding: 0 15px 15px;
}
.tabContent .layui-tab-content{
    height: auto !important;
    overflow: hidden;
    padding-top: 5px !important;
}
.layui-table{
    width: 100% !important;
    padding: 0 15px;
}
.layui-table th{
    text-align: center !important;
    font-weight: bold !important;
}
.layui-tab-card{
    border: none !important;
    box-shadow:none !important;
}
.layui-tab-title li {
    padding: 0 25px !important;
    color: #999;
    font-weight: bold;
    border: 1px #ececec solid;
    border-left: none;
    border-bottom: none;
}
.layui-tab-title .layui-this{
    color: #fff !important;
    background-color: #005180 !important;
}
.layui-tab-card>.layui-tab-title li{
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.layui-tab-title li{
    position: static!important;
}
.addContact textarea,.visitboxDouble textarea,.addVisit textarea{
    width: 530px;
    vertical-align: top;
}
/*上传附件按钮*/
.upload{
    min-width: auto !important;
    border: none !important;
    padding: 0 !important;
}

/*弹窗里面的tab切换*/
.newsTab{
    width: 100%;
    height: auto;
    float: left;
}
.newsTab .surebtn,.newsTab .resetbtn{
    position: static !important;
}
.offerboxwin .layerbody input{
    min-width: 270px !important;
}
.offerBox .layerbody input ,.itemaddBox .layerbody input{
    min-width: 290px !important;
}
.offerBox .address textarea,.offerBox .address input {
    min-width: 725px !important;
}
.newsTab .layui-tab-title{
    background: #f0f4f7;
}
.newsTab .layui-tab-title .layui-this{
    background: #0485a5 !important;
}
.newsTab .layui-tab-content{
    position: relative;
}
.newsTab .itemBtn{
    position: absolute;
    right: 5px;
    top: -32px;
    display: flex;
    flex-wrap: nowrap;
}
.newsTab .itemadd a,.newsTab .itemdelete a{
    display: inline-block;
    width: 50px;
    line-height: 22px;
    text-align: center;
    border: 1px #c2cdd3 solid;
    color: #4d657f;
    background: #fff;
    border-radius: 3px;
    margin-right: 10px;
    font-size: 14px;
    padding: 0;
}
.newsTab .itemadd a:hover,.newsTab .itemdelete a:hover{
    color: #fff;
    background: #0485a5;
    border: 1px #0485a5 solid;
}
.itemList{
    width: 100%;
    float: left;
    border: 1px #e6eaf3 solid;
    border-right: none;
    border-bottom: none;
    margin-top: 14px;
}
.newsTab .layui-tab-content {
    padding: 0;
}
.itemList li{
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
}
.itemList li.listBg{
    background: #f7fbfc;
    color: #4f637c;
    font-size: 14px;
    font-weight: bold;
}
.itemList li input{
    min-width: 14px !important;
    width: 14px !important;
    height: 14px;
    border: 1px #c1c8d0 solid;
    padding: 0 !important;
}
.offerBox .itemList li input{
    min-width: 14px !important;
}
.itemList li ol{
    width: 19%;
    border-right: 1px #e6eaf3 solid;
    border-bottom: 1px #e6eaf3 solid;
    padding: 8px;
}
.itemList li ol:first-child{
    width: 5%;
}
.itemList1 li ol{
    width: 20%;
}
.itemList li ol.codenum{
    width: 30%;
}
.itemList li ol input.itemtext{
    width: 100% !important;
    min-width: 100% !important;
    border: none !important;
    height: 100% !important;
    text-align: center;
}
/*客户名称弹窗列表*/
.customerNameList{
    width: 100%;
    float: left;
    border-top:1px #e5eaef solid;
    border-left:1px #e5eaef solid;
}
.customerNameList li{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    text-align: center;
}
.customerNameList li.customerbg{
    background: #f8fbfc;
    color: #4f647b;
    font-size: 14px;
    font-weight: bold;
}
.customerNameList li ol{
    width: 25%;
    padding: 8px 0;
    border-bottom:1px #e5eaef solid;
    border-right:1px #e5eaef solid;
}
.customerNameList li ol input{
    min-width: 14px !important;
}
.customerName .surebtn,.customerName .resetbtn{
    position: static;
}
.customerName .search{
    width: 80%;
    padding-top: 10px;
}
.customerNameList li:hover,.customerNameList li.active{
    background: #d3f1fb;
    cursor: pointer;
}
/*合同编号里面的搜索*/
.ordersearch{
    width: 100%;
    overflow: hidden;
}
.ordersearch label span {
    width: 70px !important;
}
.orderList{
    width: 100%;
    border-top:1px #e5eaef solid;
    border-left:1px #e5eaef solid;
    clear: both;
    margin-top: 15px;
}
.orderList li{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    text-align: center;
}
.orderList li.listBg{
    background: #f8fbfc;
    color: #4f647b;
    font-size: 14px;
    font-weight: bold;
}
.orderList li ol{
    width: 18%;
    padding: 8px 0;
    border-bottom:1px #e5eaef solid;
    border-right:1px #e5eaef solid;

}
.orderList li ol:first-child{
    width: 28%;
}
.orderList li:hover,.orderList li.active{
     background: #d3f1fb;
     cursor: pointer;
 }
.layerbody_p{
    padding-top: 15px !important;
}

/*系统设置下面按钮组*/
.userlistbtn{
    width: 100%;
    padding-top: 25px;
}
.addParameter{
    width: 95%;
    position: relative;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
}
.addParameter .btns_p{
    width: 100%;
    position: absolute;
    left: 5px;
    bottom: 25px;
}

/*表格自适应*/
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}
/*下载*/
.downLoadList{
    width: 100%;
    border: 1px #e6eaf3 solid;
    border-bottom:none;
}
.downLoadList li{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px #e6eaf3 solid;
}
.downLoadList li ol{
    display: block;
    padding: 8px 10px;
    border-right: 1px #e6eaf3 solid;
}
.downLoadList li ol:last-child{
    width: 10%;
    text-align: center;
}
.downLoadList li ol:first-child{
    flex: 1;
}
.downLoadList li.downLoadbg{
    background: #f7fbfc;
    color: #4f637c;
    font-size: 14px;
    font-weight: bold;
}
/*home页样式*/
.eChart{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 50px 0 0 0;
}
.eChart h2{
    display: block;
    color: #333;
    font-size: 2.5rem;
    line-height: 2.875rem;
    padding: 0 0 1rem 0;
    text-align: center;
    font-weight: normal;
}
.eChart ul.echart{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px #dedede solid;
    padding-bottom: 50px;
}
.eChart ul.echart li{
    width: 25%;
    text-align: center;
    color: #8c8c8c;
}
.eChart ul.echart li img{
    width: auto;
}
.eChart ul.echart li h3{
    display: block;
    color: #4c4c4c;
    font-size: 22px;
    line-height: 30px;
    font-weight: normal;
    padding: 0.5rem 0 0 0;
}
.eChart ul.echart li ol{
    width: 100%;
    display: block;
}
.eChart ul.echart li ol span{
    display: block;
    padding-bottom: 0.5rem;
}
.bottomlist{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
}
.bottomleft,.bottomright{
    width: 50%;
    padding: 50px 0;
    overflow: hidden;
}
.bottomleft{
    border-right: 1px #dedede solid;
}
.child{
    width: 100%;
    padding-bottom: 20px;
}
.child ul{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}
.child ul li.bottom_img{
    width: 220px;
    text-align: right;
}
.child ul li:nth-child(2){
    width: auto;
    flex: 1;
}
.child ul li.bottom_img img{
    width: 90px;
    height: 90px;
    float: left;
    margin: 0 0 0 35px;
}
.child ul li.bottom_img h3{
    color: #262521;
    font-size: 33px;
    float: left;
    font-weight: normal;
    padding-top: 15px;
}
.child ul li.bottom_img h3 span{
    display: block;
    color: #333;
    font-size: 14px;
}
.child ul li p{
    color: #333;
    font-size: 14px;
    padding: 0.5rem 0 0 0;
}
.child ul li p a{
    color: #333;
    text-decoration: none;
}
.child ul li p a:hover{
    text-decoration: underline;
}
.bottomright{
    padding-left: 50px;
}
.bottomright img{
    width: auto;
    padding-bottom: 15px;
}
.bottomright p{
    width: 67%;
    float: left;
    color: #9b9b9b;
    font-size: 15px;
    line-height: 28px;
}
.more{
    width: 28%;
    float: right;
    text-align: left;
}
.more a{
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #dd3e37;
    border-radius: 10px;
    width: auto;
    padding: 5px 18px;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
}
.more a:hover{
    box-shadow: 0px 1px 10px 0#dd3e37;
}
/*合同金额灰色底*/
.htmoneybg{
    background: #f5f5f5;
}
/*统计金额*/
.statistical{
    width: 100%;
    background: #fff;
    padding: 25px 0 0 0;
    float: left;
}
.statistical ul{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content:flex-end;
}
.statistical ul li{
    width: auto;
    padding-right: 100px;
    color: #666;
}














